
        body {
            font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
            margin: 0;
            padding: 0;
        }

        form {
            margin: 0;
        }

        a {
            text-decoration: none;
        }

        .none {
            display: none;
        }

        .top {
            width: 100%;
            height: 40px;
            background: #333;
            font-size: 12px;
            color: #b0b0b0;
        }

        .top_container {
            width: 1226px;
            margin: 0 auto;
        }

            .top_container a {
                color: #b0b0b0;
            }

        .top_left {
            height: 40px;
            line-height: 40px;
            float: left;
        }

        .top_right {
            width: 120px;
            float: right;
            margin-left: 15px;
            line-height: 40px;
            cursor: pointer;
            position: relative;
        }

        .top_right_gouwuche {
            z-index: 32;
            text-align: center;
            display: block;
            height: 40px;
            background: #424242;
        }

            .top_right_gouwuche i {
                margin-right: 4px;
                vertical-align: -2px;
                font-size: 18px;
            }

            .top_right_gouwuche span {
                margin-left: -7px;
            }

        .top_right:hover a {
            background: #fff;
            color: #ff6a00;
        }

        .top_right_menu {
            width: 315px;
            height: 98px;
            color: #424242;
            position: absolute;
            top: 40px;
            right: -0.1px;
            z-index: 31;
            box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
        }

        .loading {
            line-height: 98px;
            text-align: center;
            background: #fff;
        }

        .top_midlle {
            float: right;
            line-height: 40px;
            margin-right: 10px;
        }

        .span {
            font-family: sans-serif;
        }

        .sep {
            color: #424242;
            margin: 0 0.25em;
        }



        .top_left a:hover {
            color: #fff;
        }

        .top_midlle a:hover {
            color: #fff;
        }

        .header {
            height: 100px;
            z-index: 20;
            position: relative;
        }

        .header_container {
            width: 1226px;
            height: 100px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

        .header_logo {
            width: 62px;
            float: left;
            margin-top: 22px;
        }

            .header_logo img {
                width: 55px;
                height: 55px;
                overflow: hidden;
            }

        .doodle, .link-block {
            width: 165px;
            height: 100px;
            z-index: 21;
            position: absolute;
            left: 69px;
            bottom: 0;
            background-repeat: no-repeat;
            background-position: center center;
            text-indent: -9999em;
        }

        .header_nav {
            width: 850px;
            height: 100px;
            float: left;
        }


        /*横向导航条*/
        .nav-ul {
            width: 820px;
            height: 88px;
            padding: 12px 0 0 30px;
            margin: 0;
            font-size: 16px;
            position: relative;
            color: #333;
            list-style: none;
            float: left;
        }

        .nav-item {
            float: left;
        }

        .link {
            display: block;
            /*color: #333;*/
            padding: 26px 10px 38px;
        }

            .link span {
                cursor: pointer;
            }

        .container {
            width: 1226px;
            margin-left: auto;
            margin-right: auto;
        }

        .children-ul {
            width: 1226px;
            list-style: none;
        }

            .children-ul li {
                position: relative;
                float: left;
                width: 180px;
                padding: 35px 12px 0;
                text-align: center;
                font-size: 12px;
            }

                .children-ul li:not(:first-child):before {
                    position: absolute;
                    left: 0;
                    top: 35px;
                    z-index: 1;
                    width: 1px;
                    height: 100px;
                    content: "";
                    background-color: #e0e0e0;
                }

        .children_tupian {
            margin: 0 auto 16px;
            width: 160px;
            height: 110px;
        }

            .children_tupian img {
                width: 160px;
                height: 110px;
                display: block;
                margin: 0 auto;
            }

        .flags {
            position: absolute;
            top: -1px;
            width: 100%;
            text-align: center;
            font-size: 12px;
            left: 0;
            z-index: 1;
        }

        .fiag {
            width: 66px;
            height: 22px;
            border: 1px solid #ff6700;
            color: #ff6700;
            line-height: 22px;
            text-align: center;
            margin: 0 auto;
        }

        .price {
            color: #ff6700;
            margin: 0;
            line-height: 20px;
        }

        .children_xinhao {
            color: #333;
            margin: 0;
            line-height: 20px;
        }

        .clearfix {
            content: " ";
            display: table;
        }

        .header-nav-menu {
            width: 100%;
            height: 229px;
            z-index: 24;
            position: absolute;
            top: 100px;
            border-top: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
            background: #fff;
            box-shadow: 0 3px 4px rgba(0,0,0,0.18);
        }

        .text:hover {
            color: #ff6700;
        }
        /*搜索框*/
        .header_search {
            float: right;
            width: 296px;
            margin-top: 25px;
        }

        .search-form {
            position: relative;
            width: 296px;
            height: 50px;
        }

        .search-text {
            width: 245px;
            height: 50px;
            border: 1px solid #e0e0e0;
            position: absolute;
            top: 0px;
            right: 51px;
            z-index: 1;
            padding: 0 10px;
            font-size: 14px;
            line-height: 50px;
            outline: 0;
            transition: all 0.2s;
        }

        .search-word {
            position: absolute;
            top: 16px;
            right: 62px;
            z-index: 2;
            text-align: right;
            transition: all 0.2s;
        }

            .search-word a {
                display: inline-block;
                margin-left: 5px;
                padding: 0 5px;
                font-size: 12px;
                background: #eee;
                color: #757575;
                cursor: pointer;
            }

        .search-btn {
            width: 52px;
            height: 50px;
            background: #fff;
            color: #616161;
            border: 1px solid #e0e0e0;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            font-size: 24px;
            line-height: 24px;
            outline: 0;
            transition: all 0.2s;
            cursor: pointer;
        }

        .keyword-list {
            display: none;
            width: 243px;
            position: absolute;
            top: 50px;
            left: 0px;
            border: solid 1px #ff6700;
            z-index: 20;
            background: #fff;
            border-top: 0px;
        }

        /*.hide {
            display: none;
        }*/

        .bordercolor {
            border-color: #b0b0b0;
        }

        .result-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .result-list li a {
                font-size: 12px;
                display: block;
                position: relative;
                color: #424242;
                padding: 6px 15px;
            }

        .result {
            position: absolute;
            right: 15px;
            top: 6px;
            color: #b0b0b0;
        }

        .backg {
            background: #eee;
        }
        /*.search-form:hover .search-text {
            border-color: #b0b0b0;
        }*/
        .search-text:hover {
            border-color: #b0b0b0;
        }

            .search-text:hover + .search-btn {
                border-color: #b0b0b0;
            }

        .search-text:focus, .search-text:focus + .search-btn {
            border-color: #ff6700;
        }

            .search-text:focus ~ .search-word {
                opacity: 0;
            }

            .search-text:focus ~ .keyword-list {
                display: block;
            }

        .search-btn:hover {
            background: #ff6700;
            border-color: #ff6700;
        }

        .search-word a:hover {
            background: #ff6700;
            color: #fff;
        }

        /*竖向导航菜单*/
        .nav-category {
            position: relative;
            float: left;
            width: 127px;
            padding-right: 15px;
        }

        .site-category {
            cursor: pointer;
            position: absolute;
            top: 88px;
            left: -92px;
            z-index: 21;
            width: 234px;
            height: 460px;
            font-size: 14px;
        }

        .link-category {
            display: block;
            padding: 26px 0 38px;
            text-align: right;
            color: #333;
            font-size: 14px;
        }

        .site-category-ul {
            height: 420px;
            list-style: none;
            border: 0;
            color: #fff;
            background: rgba(0,0,0,0.6);
            margin: 0;
            padding: 20px 0;
        }

            .site-category-ul li {
                position: relative;
                display: block;
                height: 42px;
                line-height: 42px;
                padding-left: 30px;
            }

        /*.title {
           
            position: relative;
            display: block;
            height: 42px;
            line-height: 42px;
            padding-left: 30px;
        }*/

        .title i {
            position: absolute;
            top: 12px;
            right: 20px;
            font: 400 20px/15px consolas;
            line-height: 16px;
            color: rgba(255,255,255,0.5);
        }
        /*二级菜单*/
        .sub {
            position: absolute;
            left: 234px;
            top: 0;
            z-index: 24;
            height: 458px;
            border: 1px solid #e0e0e0;
            border-left: 0;
            background: #fff;
            box-shadow: 0 8px 16px rgba(0,0,0,0.18);
        }
        /*.site-children {
      
       position:absolute;
       left:234px;
       top:0;
       z-index:24;
       height:458px;
       border:1px solid #e0e0e0;
       border-left:0;
       background:#fff;
       box-shadow:0 8px 16px rgba(0,0,0,0.18);
        }*/
        .site-children-col-4, .site-children-col-6, .site-children-col-7, .site-children-col-11, .site-children-col-12 {
            width: 995px;
        }

        .site-children-col-3, .site-children-col-5, .site-children-col-8, .site-children-col-9, .site-children-col-10 {
            width: 795px;
        }
        /*.site-children {
        width:795px;
        }*/
        .children-list {
            height: 458px;
            margin: 0;
            padding: 2px 0;
            list-style-type: none;
        }

        .children-list-col {
            float: left;
            width: 248px;
        }

        .children-list li {
            position: relative;
            float: left;
            width: 265px;
            height: 76px;
        }

        .children-list .link {
            display: block;
            padding: 18px 20px;
            line-height: 40px;
            color: #333;
            transition: color .2s;
        }
            /*.children-list .tubiao {
            width:40px;
            height:40px;
            margin-right:12px;
            vertical-align:middle;

            }*/
            .children-list .link img {
                width: 40px;
                height: 40px;
                margin-right: 12px;
                vertical-align: middle;
            }

        .children-list textb {
            line-height: 40px;
        }

        .active {
            background: #ff6700;
        }


        /*轮播图*/
        .home-hero-container {
            position: relative;
            z-index: 10;
        }

        .home-hero-slider {
            width: 1226px;
            height: 460px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

            .home-hero-slider img {
                width: 1226px;
                height: 460px;
            }

        .img-1 {
            position: absolute;
            opacity: 1;
            transition: all 0.6s;
        }

        .img-2 {
            position: absolute;
            opacity: 0;
            transition: all 0.6s;
        }

        .img-3 {
            position: absolute;
            opacity: 0;
            transition: all 0.6s;
        }

        .img-4 {
            position: absolute;
            opacity: 0;
            transition: all 0.6s;
        }

        .img-5 {
            position: absolute;
            opacity: 0;
            transition: all 0.6s;
        }




        .home-hero-buttons {
            position: absolute;
            height: 10px;
            width: 150px;
            z-index: 10;
            bottom: 30px;
            right: 20px;
        }

            .home-hero-buttons span {
                cursor: pointer; /*鼠标样式*/
                float: left;
                border: 2px solid #b5b3b3;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #666;
                margin: 0 5px;
                opacity: 0.7;
                transition: all 0.3s;
            }

                .home-hero-buttons span:hover {
                    background: rgba(255,255,255,0.4);
                    border-color: rgba(0,0,0,0.4);
                }

            .home-hero-buttons .on {
                background: rgba(255,255,255,0.4);
                border-color: rgba(0,0,0,0.4);
            }

        .home-hero-arrow {
            cursor: pointer;
            display: none;
            line-height: 70px;
            text-align: center;
            font-size: 36px;
            font-weight: bold;
            width: 40px;
            height: 70px;
            position: absolute;
            z-index: 2;
            top: 180px;
            background-color: RGBA(0,0,0,0.3);
            color: #FFF;
        }

            .home-hero-arrow:hover {
                background-color: RGBA(0,0,0,0.7);
            }

        .home-hero-slider:hover .home-hero-arrow {
            display: block;
        }

        .prev {
            left: 234px;
        }

        .next {
            right: 0.1px;
        }

        /*六宫格菜单栏*/
        .home-hero-sub {
            cursor: pointer;
            margin-top: 12px;
            width: 1226px;
            height: 170px;
        }

        .home-hero-left {
            width: 234px;
            height: 170px;
            background: #5f5750;
            float: left;
        }

        .home-hero-right {
            width: 992px;
            float: left;
        }

        .home-left-list {
            list-style-type: none;
        }

        .home-right-list {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .home-right-list li {
                float: left;
                width: 316px;
                height: 170px;
                margin-left: 14px;
                box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
                transition: all 0.3s;
            }

            .home-right-list a {
                display: block;
                height: 170px;
            }

            .home-right-list img {
                width: 316px;
                height: 170px;
            }

            .home-right-list li:hover {
                box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
            }
        /*手机栏*/
        .page-main {
            width: 100%;
            background: #f5f5f5;
            padding-top: 40px;
            margin-top: 50px;
        }

        .phone {
            height: 686px;
        }

        .box-hd {
            position: relative;
            height: 58px;
        }

            .box-hd .title {
                font-size: 22px;
                font-weight: 200;
                line-height: 58px;
                color: #333;
            }

            .box-hd .more {
                position: absolute;
                top: 0px;
                right: 0px;
            }

                .box-hd .more .more-link {
                    font-size: 16px;
                    line-height: 58px;
                    color: #424242;
                }

                .box-hd .more .iconfont {
                    padding: 4px;
                    font-size: 18px;
                }

        .bd-left {
            float: left;
             transition:all 0.2s;
        }
        
            .bd-left img {
                width: 234px;
                height: 614px;
            }

        .bd-right {
            float: right;
            width: 978px;
        }

            .bd-right ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

        .bd-ul {
            width: 996px;
        }

            .bd-ul li {
                width: 234px;
                height: 260px;
                float: left;
                margin-left: 14px;
                margin-bottom: 14px;
                background: #fff;
                position: relative;
                padding: 20px 0;
                transition:all 0.2s;
            }
              

            .bd-ul .figure {
                width: 160px;
                height: 160px;
                margin: 0 auto 18px;
            }

                .bd-ul .figure img {
                    width: 160px;
                    height: 160px;
                }


            .bd-ul .title a {
                color: #333;
                font-size: 14px;
            }

            .bd-ul .desc {
                color: #b0b0b0;
                font-size: 12px;
            }

            .bd-ul .title, .bd-ul .desc, .bd-ul .price {
                width: 234px;
                height: 20px;
                line-height: 20px;
                font-weight: 400;
                margin: 0;
                text-align: center;
            }

            .bd-ul .price {
                color: #ff6700;
                font-size: 14px;
                margin-top: 10px;
            }

                .bd-ul .price del {
                    color: #b0b0b0;
                }

            .bd-ul .flag {
                position: absolute;
                top: 0;
                left: 50%;
                margin-left: -32px;
                color: #fff;
                width: 64px;
                height: 20px;
                text-align: center;
                background: #e53935;
                line-height: 20px;
            }

              .bd-ul li:hover,.bd-left:hover{
                transform:translate(0px,-2px);
                 box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
                }
       
